{{! 赛博朋克风欢迎邮件模板 - 适配 Handlebars + 内联样式 }}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>霓虹接入通知</title>
  <style>
    /* 仅保留邮件客户端兼容的基础样式，核心样式内联 */
    body { margin: 0; padding: 0; font-family: 'Courier New', monospace; background: #000; }
    table { border-collapse: collapse; width: 100%; }
  </style>
</head>
<body style="background: #000; color: #fff; padding: 20px; font-family: 'Courier New', monospace;">
<!-- 外层容器：霓虹边框 + 暗黑背景 -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; margin: 0 auto;">
  <tr>
    <td style="border: 2px solid; border-image: linear-gradient(45deg, #ff00ff, #00ffff, #ff00ff) 1; padding: 20px; background: #0a0a1a;">

      <!-- 头部：故障艺术标题 -->
      <div style="text-align: center; margin-bottom: 30px; position: relative;">
        <div style="font-size: 28px; font-weight: bold; color: #00ffff; text-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff;">
          欢迎接入柚艺网络
        </div>
        <!-- 故障文字效果（伪元素模拟，邮件兼容版） -->
        <div style="position: absolute; top: 2px; left: 2px; color: #ff00ff; opacity: 0.7; font-size: 28px; font-weight: bold; pointer-events: none;">
          欢迎接入柚艺网络
        </div>
        <div style="height: 2px; background: linear-gradient(90deg, transparent, #ff00ff, transparent); margin: 10px 0;"></div>
      </div>

      <!-- 主体内容：科技感文本 + 变量渲染 -->
      <div style="font-size: 14px; line-height: 1.8; color: #e0e0ff;">
        <p style="margin: 0 0 15px 0;">
          <span style="color: #ff00ff;">>>></span> 终端用户：<span style="color: #00ffff; font-weight: bold;">{{ username }}</span>
        </p>
        <p style="margin: 0 0 15px 0;">
          你的身份已通过验证，成功接入 <span style="text-decoration: underline; text-decoration-color: #00ffff;">CYBER-NET 2077</span> 核心节点。
        </p>
        <p style="margin: 0 0 20px 0;">
          请在 <span style="color: #ff4500; font-weight: bold;">{{ expireTime }}</span> 内完成终端激活，否则接入权限将被冻结：
        </p>

        <!-- 霓虹按钮：发光效果 +  hover 兼容 -->
        <div style="text-align: center; margin: 30px 0;">
          <a
            href="{{ verifyUrl }}"
            style="display: inline-block; padding: 12px 30px; background: linear-gradient(45deg, #ff00ff, #00ffff); color: #000; font-weight: bold; text-decoration: none; border-radius: 4px; text-shadow: 0 0 5px #fff; box-shadow: 0 0 10px #ff00ff, 0 0 20px #00ffff;"
          >
            激活终端连接
          </a>
        </div>

        <!-- 警告提示：赛博风格边框 -->
        <div style="border: 1px dashed #ff00ff; padding: 15px; margin: 20px 0; background: rgba(255, 0, 255, 0.05);">
          <p style="margin: 0; color: #ff8c00; font-size: 13px;">
            <span style="color: #ff00ff;">[WARNING]</span> 本链接仅单次有效，请勿转发给第三方节点。接入记录将同步至区块链加密存储。
          </p>
        </div>

        <p style="margin: 0; font-size: 12px; color: #888;">
          节点地址：{{ serverAddress }} | 接入时间：{{ accessTime }} | 协议版本：v2.077
        </p>
      </div>

      <!-- 底部：霓虹分隔线 + 版权信息 -->
      <div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid; border-image: linear-gradient(90deg, transparent, #00ffff, transparent) 1;">
        <p style="margin: 0; font-size: 11px; color: #666; text-align: center;">
          © 2077 CYBER-NET 柚艺网络 | 未经授权禁止镜像 | 隐私协议：<a href="{{ privacyUrl }}" style="color: #00ffff; text-decoration: none;">cyber-privacy-v2077.txt</a>
        </p>
      </div>

    </td>
  </tr>
</table>
</body>
</html>